const doc = document;
const uiContainer = doc.getElementById( 'ui-container' );
const loadingScreen = doc.getElementById( 'loading-screen' );
const statsBox = doc.getElementById( 'statsBox' );
const dat = doc.getElementById( 'dat-gui-container' );

export class UIManager {
    public static setUserInterfaceVisible ( value: boolean ): void {
        uiContainer.style.display = value ? 'block' : 'none';
    }

    public static setLoadingScreenVisible ( value: boolean ): void {
        loadingScreen.style.display = value ? 'flex' : 'none';
    }

    public static setFPSVisible ( value: boolean ): void {
        statsBox.style.display = value ? 'block' : 'none';
        dat.style.top = value ? '48px' : '0px';
    }
}